/* CSS for tables */
#tablelist{
	background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    overflow: hidden;
    width:100%;
}
#tablelist tr{
	cursor:pointer;
}
#tablelist tr:hover td {
	background:#CEDCEA;
}
#tablelist td{
	background: -moz-linear-gradient(100% 25% 90deg, #FEFEFE, #F9F9F9) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-gradient(linear, center top, center bottom, from(#FEFEFE), to(#F9F9F9)); 
	border-top: 1px dashed #E0E0E0;
    padding:0 3px;
    font-size:11px;

}
#tablelist td.fullname{
	padding-left:7px;
}
#tablelist td a{
	color:#555 !important;
}
#tablelist td a:hover{
	color:#28A1E6 !important;
}
#tablelist tr.inactive td{
	color:#B73E3E;
}
#tablelist th {
	background: -moz-linear-gradient(100% 20% 90deg, #E8EAEB, #EDEDED) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-gradient(linear, center top, center bottom, from(#E8EAEB), to(#EDEDED)); 
	padding:10px 5px;
    text-shadow: 1px 1px 1px #FFFFFF;
    font-size:11px;
    border-bottom: 1px solid #E0E0E0;

}
.icon_view{
	display:inline-block;
	cursor:pointer;
	background: url('../images/ui-icons_2e83ff_256x240.png') no-repeat -163px -116px; 
	width: 12px; 
	height: 10px;
}
.icon_edit{
	background: url('../images/ui-icons_2e83ff_256x240.png') no-repeat -68px -116px; 
	width: 12px; 
	height: 10px;
	display:inline-block;
	cursor:pointer;
}
.icon_delete{
	background: url('../images/ui-icons_2e83ff_256x240.png') no-repeat -180px -100px; 
	width: 12px; 
	height: 10px;
	display:inline-block;
	cursor:pointer;
}
.icon_records{
	background: url('../images/ui-icons_2e83ff_256x240.png') no-repeat -18px -101px; 
	width: 12px; 
	height: 10px;
	display:inline-block;
	cursor:pointer;
}

tr.no-border td{ border:0px !important; }
#pagination {
	margin-bottom:5px;
}
#pagination p {
	display:inline-block;
}
#pagination p.page{
	float:right;
}

/* Two Column forms*/
#main-form{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:11px;
	padding:0px 15px;
	color:#555555;
}
ul.main-two-cols, #main-form ul.main-two-cols{
	list-style-type:none;
	width:680px;
	margin:0;
	padding:0;
	vertical-align:top;
}
#main-form ul.rows li.leftcol {
	color:#000;
}

#main-form a {
	text-decoration:none;
	cursor:pointer;
}

ul.main-two-cols li.two-cols-left,  ul.main-two-cols li.two-cols-right{
	display:inline-block;
	width:336px;
	vertical-align:top;
}
ul.main-two-cols li.two-cols-left h2,  ul.main-two-cols li.two-cols-right h2{
	font-size:12px;
}

ul.rows {
	list-style-type:none;
	width:330px;
	margin:0;
	padding:0;
	font-size:11px;
}

ul.rows li.leftcol, ul.rows li.rightcol{
	display:inline-block;
	padding:5px 3px;
	font-size:10px;
}

ul.rows li.leftcol{
	width:75px;
	vertical-align:top;
	line-height: 1.5;
}

ul.rows li.rightcol{
	width:237px;
}
ul.rows li.rightcol input[type=text], #main-form ul.singleColRows li.rightcol input[type=text]{
	border: 1px solid #A5ACB2;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3px;
    width: 220px;
    font-size:11px;
    color:#555;
}
ul.rows li.rightcol textarea, #main-form ul.singleColRows li.rightcol textarea{
	width:220px;
	padding:3px;
	border: 1px solid #A5ACB2;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size:11px;
    color:#555;
}
ul.rows li.rightcol select{
	width:229px;
	font-size:11px !important;
	padding:2px;
	color:#555 !important;
}
.buttons_elements{
	float:right;
}

#deleteForm{
	font-family:"Helvetica", Arial, Times, serif;
	font-size:11px;
	border:0px;
}

/* Single Column forms*/
ul.singleColRows {
	list-style-type:none;
	width:520px;
	margin:0;
	padding:0;
	font-size:11px;
}

ul.singleColRows li.leftcol, ul.singleColRows li.rightcol{
	display:inline-block;
	padding:5px 3px;
	font-size:11px;
}

ul.singleColRows li.leftcol{
	width:80px;
	vertical-align:top;
	line-height: 1.5;
}

ul.singleColRows li.rightcol{
	width:230px;
}

#main-form h2.singlerow,  .main-two-cols h2.singlerow{
	font-size:12px; 
	border-bottom:1px solid #eee; 
	padding-bottom:5px;
}
